import React, { Component } from 'react'

// 7. 导入 store
import store from './store/index'

export default class Page1 extends Component {



    render() {

        // 如果使用了状态模块，获取数据的时候需要先 点模块名
        const count = store.getState().app.count

        return (
            <div>
                <h1>Page1 - {count} </h1>

                <button onClick={() => {
                    // 触发修改无需操作
                    store.dispatch({
                        type: 'add'
                    })
                }}>加 1</button>
                <button onClick={() => {
                    store.dispatch({
                        type: 'addNum',
                        payload: 5
                    })
                }}>加指定数</button>
            </div>
        )
    }
}
